#{extends 'posLogin.html' /}
#{set title: 'Perfil - CAbeceira' /}
<div id="dadosPessoais">
<img class="fotoPerfil" src="@{Panel.getFotoPerfil(usuarioConectado.email)}"/>
<h3 class="nomePerfil">${usuarioConectado.perfil.nome}</h3>
	<div class="dados">
		<h4>Email</h4>
		<p>${usuarioConectado.email}</p>
		<h4>Telefone</h4>
		#{if usuarioConectado.perfil.telefone.length()==0}
		<p>Nenhum Telefone Cadastrado</p>
		#{/if}
		<p>${usuarioConectado.perfil.telefone}</p>
		<h4>Celular</h4>
		#{if usuarioConectado.perfil.celular.length()==0}
		<p>Nenhum Celular Cadastrado</p>
		#{/if}
		<p>${usuarioConectado.perfil.celular}</p>
		<h4>Data de Nascimento</h4>
		#{if usuarioConectado.perfil.dataNascimento==null}
		<p>Sem data de nascimento cadastrada</p>
		#{/if}
		#{else}
		<p>${usuarioConectado.perfil.dataNascimento.format('dd-MM-yyyy', 'fr')}</p>
		#{/else}
	</div>
</div>
<!-- #menu de edição de perfil -->
<div id="menuEdicaoPerfil">
        <ul>
            <li><a href="@{Panel.alterarFoto}">Alterar Imagem</a></li>
            <li><a href="@{Panel.edicaoPerfil}">Editar Perfil</a></li>
            <li><a href="">Alterar Senha</a></li>
             #{if usuarioConectado.perfil.fotoPerfil.get()!=null}
             <li><a href="@{Panel.removerFotoPerfil}">Remover Imagem</a></li>
      	 #{/if}
        </ul>
</div>